<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script>
    // console.log("10"-2);8
    // console.log("10"+2);102
    // console.log("10"*2);20
    // console.log("10"*"2");20
    // console.log("四"+"五");四五
    // console.log("四"*"五");NaN
    // console.log(NaN==NaN);false
    // console.log("10"==10);true
    // // console.log("55"===55);false
    // var x="2bcc3";
    // console.log(parseInt(x)+10);
    // var rexp=/^[0-9a-zA-Z]{3,20}@[0-9a-zA-Z]{2,10}[.](com|net|cn)$/;
    // var x="449654977@qq.com";
    // console.log(rexp.test(x));
    function checkName() {
        var rexp=/^[a-zA-Z\u4e00-\u9fa5]{2,}$/;
        if (rexp.test($("userName").value)){
            $("nameSpan").innerHTML="验证通过";
            $("nameSpan").style.color="green";
        }
        else {
            $("nameSpan").innerHTML="姓名必须为两位以上的字母或汉字";
            $("nameSpan").style.color="red";
        }
    }
    function $(id) {
        return document.getElementById(id);
    }


  </script>
</head>
<body>
<!--<input type="button" value="跳转" onclick="location.href='3.html'">-->
<form action="add">
    姓名：<input type="text" name="userName" id="userName" onblur="checkName()">
    <span id="nameSpan"></span><br>


</form>


</body>
</html>